<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2023/12/14
  Time: 13:49
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
    <title>Title</title>
    <script src="../js/jquery-3.6.0.min.js"></script>
</head>
<body>
    <form>
        用户名： <input type="text" name="username" id="uname" value="">
        <div id="msg"></div>
        <br>
        密码：  <input type="password" name="password">
        <br>
        <input type="button" value="提交">
    </form>
</body>
 <script>
    $("#uname").blur(function (){
        //向后台发送请求 jquery的ajax怎么使用？
        var username = $("#uname").val();
        //1：请求的地址
        // 2:请求数据
        // 3：回调函数参数data是服务器响应回来的数据
        // $.post("/checkname",{username:username},function (data){
        //     //处理响应的数据
        //     console.log(data)
        //     $("#msg").html(data);
        // })

        $.ajax({
            type:'POST',
            url:'/checkname2',
            data:JSON.stringify({username:username}), //告诉后台你是JSON，header
            contentType:'application/json',
            success:function (result){
                //处理
                $("#msg").html(result);
            }
        })

        //javascript对象类型---》字符串（格式JSON）-----》  java---》对象
        var p = {name:'张三',age:20};
        var p1 = new Object();
        p1.weight = 20;
        p1.name='李四';
        console.log(p1);
        console.log(typeof p1); //object
        var str = JSON.stringify(p1);
        console.log(typeof str); //string
        console.log(str) //{"weight":20,"name":"李四"}
        var o2 = JSON.parse(str);
        console.log(typeof o2)
        console.log(o2);

    })
 </script>
</html>
